<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<html lang="cn" class="app">
<head>
    <meta charset="utf-8" />
    <title>${dict:getConfigValueByKey('WEB_NAME','管理平台')} | 字典管理</title>
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="icon" type="image/png" href="icon.png">
    <link rel="apple-touch-icon-precomposed" href="icon.png">
    <link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/animate.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/simple-line-icons.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/font.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/app.css" type="text/css" />
    <!--[if lt IE 9]>
    <script src="${ctxStatic}/js/ie/html5shiv.js"></script>
    <script src="${ctxStatic}/js/ie/respond.min.js"></script>
    <script src="${ctxStatic}/js/ie/excanvas.js"></script>
    <![endif]-->
</head>
<body>
<section class="scrollable wrapper">
    <div class="row">
        <div class="col-lg-12">
            <!-- 引导开始 -->
            <ul class="breadcrumb">
                <li><a href="${ctx}/welcome"><i class="fa fa-home"></i> 主页</a></li>
                <li>系统设置</li>
                <li class="active">字典管理</li>
                <li class="active">字典查看</li>
            </ul>
            <!-- 引导结束 -->
        </div>
    </div>
    <form class="bs-example form-horizontal" >
        <%--字典基本信息--%>
        <section class="panel panel-default">
            <header class="panel-heading font-bold">字典详情</header>
            <div class="panel-body">
                <div class="form-group">
                    <label class="col-lg-2 col-md-2 col-sm-2 control-label">代码：</label>
                    <div class="col-lg-10 col-md-10 col-sm-10">
                        <input type="hidden" name="id" value="${dict.id}"/>
                        <input type="text" class="form-control" value="${dict.value}" disabled>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-lg-2 col-md-2 col-sm-2 control-label">名称：</label>
                    <div class="col-lg-10 col-md-10 col-sm-10">
                        <input type="text" class="form-control" value="${dict.label}" disabled>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-lg-2 col-md-2 col-sm-2 control-label">序号：</label>
                    <div class="col-lg-10 col-md-10 col-sm-10">
                        <input type="text" class="form-control" value="${dict.sort}" disabled>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-lg-2 col-md-2 col-sm-2 control-label">备注：</label>
                    <div class="col-lg-10 col-md-10 col-sm-10">
                        <input type="text" class="form-control" value="${dict.remarks}" disabled>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-lg-10 col-md-10 col-sm-10">
                        <button type="button" class="btn btn-s-md btn-danger" onclick="closeModel(false)">关闭</button>
                    </div>
                </div>
            </div>
        </section>
        <%--&lt;%&ndash;操作区域 结束&ndash;%&gt;--%>
        <section class="panel panel-default">
            <div class="table-responsive">
                <table id="contentTable" class="table table-striped b-t b-light">
                    <thead>
                    <tr>
                        <th class="text-center" width="20%">代码</th>
                        <th class="text-center" width="20%">名称</th>
                        <th class="text-center" width="10%">排序</th>
                        <th class="text-center" width="20%">备注</th>
                    </tr>
                    </thead>
                    <tbody>
                    <c:forEach items="${dictItemList }" var="dictItem" varStatus="itemIndex">
                        <tr>
                            <td><input type="text" name="dictItemList[${itemIndex.index }].value" placeholder="代码" value="${dictItem.value}" class="form-control" disabled/></td>
                            <td><input type="text" name="dictItemList[${itemIndex.index }].label" placeholder="名称" value="${dictItem.label}" class="form-control" disabled/></td>
                            <td><input type="number" name="dictItemList[${itemIndex.index }].sort" placeholder="排序" value="${dictItem.sort}" class="form-control" disabled/></td>
                            <td><input type="text" name="dictItemList[${itemIndex.index }].remarks" placeholder="备注" value="${dictItem.remarks}" class="form-control" disabled/></td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
            </div>
        </section>
    </form>
</section>

</body>
<script src="${ctxStatic}/js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="${ctxStatic}/js/bootstrap.js"></script>
<!-- App -->
<script src="${ctxStatic}/js/app.js"></script>
<script src="${ctxStatic}/js/slimscroll/jquery.slimscroll.min.js"></script>
<script src="${ctxStatic}/js/app.plugin.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/tools.js?version=${ctxVersion}"></script>

</html>
